<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文混排8</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_mix_ei_title {
         text-align: center;
      }

      .imgText_mix_ei_title h2 {
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .imgText_mix_ei_title p {
         padding-bottom: 22px;
         color: var(--c_subtitle);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_mix_ei_title span {
         color: var(--c_subtitle);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_mix_ei_content {
         padding-top: 60px;
      }

      .imgText_mix_ei_content_up {
         display: flex;
         justify-content: space-between;
         padding-bottom: 60px;
         border-bottom: 1px solid var(--c_frame);
      }

      .imgText_mix_ei_content_img {
         padding: 0;
         width: 100%;
         height: 300px;
      }

      .imgText_mix_ei_content_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         border: 10px solid var(--c_frame);
      }

      .imgText_mix_ei_content_up_left_text {
         padding: 0 50px;
      }

      .imgText_mix_ei_content_up_left_text h3 {
         padding-bottom: 22px;
         color: var(--c_text);
         font-size: var(--f_subtitle_contact);
         line-height: var(--l_subtitle_contact);
      }

      .imgText_mix_ei_content_up_left_text p {
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_mix_ei_content_up_right {
         display: flex;
         justify-content: space-between;
      }



      .imgText_mix_ei_content_up_right_tow {
         padding-left: 40px;
      }

      .imgText_mix_ei_content_up_right_one_img,
      .imgText_mix_ei_content_up_right_tow_img {
         width: 100%;
         height: 180px;
      }

      .imgText_mix_ei_content_up_right_one_img img,
      .imgText_mix_ei_content_up_right_tow_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         border: 10px solid var(--c_frame);
      }

      .imgText_mix_ei_content_up_right_one_text,
      .imgText_mix_ei_content_up_right_tow_text {
         padding-top: 16px;
      }

      .imgText_mix_ei_content_up_right_one_text h3,
      .imgText_mix_ei_content_up_right_tow_text h3 {
         color: var(--c_text);
         font-size: var(--f_subtitle_contact);
         line-height: var(--l_subtitle_contact);
      }

      .imgText_mix_ei_content_up_right_one_text p,
      .imgText_mix_ei_content_up_right_tow_text p {
         padding-top: 20px;
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_mix_ei_content_below {
         padding-top: 60px;
         display: flex;
         justify-content: space-between;
      }

      .imgText_mix_ei_content_below_text {
         width: 25%;
      }

      .imgText_mix_ei_content_below_img_box {
         width: 65%;
      }

      .imgText_mix_ei_content_below_img {
         width: 100%;
         height: 360px;
      }

      .imgText_mix_ei_content_below_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         border: 10px solid var(--c_frame);
      }

      .imgText_mix_ei_content_below_text h3 {
         padding-bottom: 22px;
         color: var(--c_text);
         font-size: var(--f_subtitle_contact);
         line-height: var(--l_subtitle_contact);
      }

      .imgText_mix_ei_content_below_text p {
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      @media (max-width:768px) {
         .imgText_mix_ei_content {
            padding-top: 30px;
         }

         .imgText_mix_ei_content_up,
         .imgText_mix_ei_content_up_right,
         .imgText_mix_ei_content_below {
            display: initial;
         }

         .imgText_mix_ei_content_up_left_text {
            padding: 16px 0 30px;
         }

         .imgText_mix_ei_content_up_right_one {
            padding-bottom: 40px;
         }

         .imgText_mix_ei_content_up_right_tow {
            padding: 0 0 40px 0;
         }

         .imgText_mix_ei_content_below_text,
         .imgText_mix_ei_content_below_img_box {
            width: 100%;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_mix modular">
      <div class="public_width">
         <div class="imgText_mix_ei_title">
            <h2>雕塑案例</h2>
            <p>CASE STUDY</p>
            <span>为城市景观助力地标造型，营造独一无二城市记忆。</span>
         </div>

         <div class="imgText_mix_ei_content">
            <div class="imgText_mix_ei_content_up">
               <div class="imgText_mix_ei_content_up_left row">
                  <div class="imgText_mix_ei_content_img col-xl-6">
                     <img src="../images/img_collection_5_2.png" alt="">
                  </div>

                  <div class="imgText_mix_ei_content_up_left_text col-xl-6">
                     <h3>《 舒展的人体雕塑 》</h3>
                     <p>舒展的人体雕塑经常出现在艺术家的创作当中，它不同于其他艺术，雕塑有自己的短板，人体雕塑必须通过肢体语言来表现，所以如图如果想表现非常轻松非常畅快的意境运用舒展的人体雕塑是个不错的方法。</p>
                  </div>
               </div>

               <div class="imgText_mix_ei_content_up_right">
                  <div class="imgText_mix_ei_content_up_right_one">
                     <div class="imgText_mix_ei_content_up_right_one_img">
                        <img src="../images/img_collection_5_3.png" alt="">
                     </div>
                     <div class="imgText_mix_ei_content_up_right_one_text">
                        <h3>《 佛像雕塑模型 》</h3>
                        <p>模型是通过主观意识借助实体或者虚拟表现构成客观阐述形态结构的一种表达目的的物件。</p>
                     </div>
                  </div>

                  <div class="imgText_mix_ei_content_up_right_tow">
                     <div class="imgText_mix_ei_content_up_right_tow_img">
                        <img src="../images/img_collection_5_3.png" alt="">
                     </div>
                     <div class="imgText_mix_ei_content_up_right_tow_text">
                        <h3>《 佛像雕塑模型 》</h3>
                        <p>模型是通过主观意识借助实体或者虚拟表现构成客观阐述形态结构的一种表达目的的物件。</p>
                     </div>
                  </div>
               </div>
            </div>

            <div class="imgText_mix_ei_content_below">
               <div class="imgText_mix_ei_content_below_text">
                  <h3>《 汉白玉人像雕塑 》</h3>
                  <p>汉白玉人像雕塑是近几年公园、校园雕塑较为常见的形式。汉白玉人像雕塑与铸铜雕塑材质同样具有保存悠久的特点，而且汉白玉本身的颜色透白如玉，只要与雕塑主题匹配得点，能够起到画龙点睛的效果，例如本文图中运用汉白玉光滑的表层代表人物的皮肤，让整体雕塑更加丰满性感。
                  </p>
               </div>

               <div class="imgText_mix_ei_content_below_img_box">
                  <div class="imgText_mix_ei_content_below_img">
                     <img src="../images/img_collection_5_3.png" alt="">
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</body>

</html>